<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title></title>
        <script src="/moblie/002/js/mui.min.js"></script>
        <link href="/moblie/002/css/mui.min.css" rel="stylesheet" />
        <script type="text/javascript" charset="utf-8">
            mui.init();
        </script>
    </head>

    <body>
        <header class="mui-bar mui-bar-nav">
            <a class="mui-icon mui-icon-home mui-pull-left" href="/m"></a>
            <a href="#popover" id="info" class="mui-icon mui-icon-bars mui-pull-right" style="padding-right: 10px;"></a>
            <h1 class="mui-title">文档列表</h1>
        </header>
        <div class="mui-content">
            <div id="popover" class="mui-popover">
                <ul class="mui-table-view">
                    <wowocms:navlist typeid='0'>
                        <li class="mui-table-view-cell"><a href="{$navlist.url}">{$navlist.name}</a>
                        </li>
                    </wowocms:navlist>
                </ul>
            </div>
            <div id="list">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell mui-hidden">cared
                        <div id="M_Toggle" class="mui-switch mui-active">
                            <div class="mui-switch-handle"></div>
                        </div>
                    </li>
                    <wowocms:list typeid="$cid" pagesize="2" pagetheme="%first% %upPage% %linkPage% %downPage%">
                        <li class="mui-table-view-cell mui-media">
                            <a href="{$list.url}">
                                <img class="mui-media-object mui-pull-right" src="{$list.litpic|default_pic}">
                                <div class="mui-media-body">
                                    {$list.title}
                                    <p class='mui-ellipsis'>{$list.decription}</p>
                                </div>
                            </a>
                        </li>
                    </wowocms:list>
                </ul>
            </div>
            <!-- 分页 -->
            <style type="text/css">
                .page a,.page strong{
                        background-color: #fff;
                        border: 1px solid #ddd;
                        color: #007aff;
                        float: left;
                        line-height: 1.42857;
                        margin-left: -1px;
                        padding: 6px 12px;
                        position: relative;
                        text-decoration: none;
                        font-size: 12px;
                        padding: 5px 10px;
                }
            </style>
            <div class="mui-content-padded" style="text-align: center;">
                <ul class="mui-pagination mui-pagination-sm page">
                    {$page}
                </ul>
            </div>
            <!-- 底部 -->
            <style>
                #foot{
                    margin-top: 15%;
                }
            </style>
            <div id="foot">
                <nav class="mui-bar mui-bar-tab">
                    <a class="mui-tab-item mui-active" href="#tabbar">
                        <span class="mui-icon mui-icon-phone"></span>
                        <span class="mui-tab-label">电话咨询</span>
                    </a>

                    <a class="mui-tab-item" href="#tabbar-with-sms">
                        <span class="mui-icon mui-icon-email"></span>
                        <span class="mui-tab-label">短信咨询</span>
                    </a>
                    <a class="mui-tab-item" href="#tabbar-with-chat">
                        <span class="mui-icon mui-icon-compose"></span>
                        <span class="mui-tab-label">在线留言</span>
                    </a>
                </nav>
            </div>
        </div>
    </body>

</html>